﻿/* 全局样式 */
html, body
{       
	margin: 0;	
	padding: 0;
	color:#666;
	font-size:12px;
	overflow-x: hidden;
}
.clear
{
	height:0;
	margin:0;
	padding:0;
	clear: both;	
	overflow:hidden
}
a
{
	text-decoration: none
}
img
{
	border: 0px
}
ul, li, dd, dl, dt, p, h1, h2, h3, h4, h5, h6, h7, i, span,em
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal
}
a,input
{
	outline:none
}
#top
{
        width:100%;
        height:50px;
        position:relative;
        background:#0087b4
}
#top .menu
{
        top:0;
        left:0;
        z-index:1;
        width:70%;
        height:50px;
        position:absolute
}
#top .menu .logo
{
        float:left;
        width:36px;
        height:50px;
        border-radius: 5px;
        background:#008fbf url(images/mlogo.png) no-repeat center center
}
#top .menu a,#top .menu .drop
{
        float:left;
        color:#fff;
        display:block;
        width:120px;
        height:50px;
        cursor:pointer;
        text-align:center;
        background:#09c;
        font:normal 14px/50px ""
}
#top .menu a 
{
        border-right:1px solid #0087bf
}
#top .menu .drop
{
        position:relative;
        background:#09c url(images/arrow.png) 100px 24px no-repeat
}
#top .menu a:hover,#top .menu a.fixed,#top .menu .drop:hover
{
        background:#008fbf
}
#top .menu .drop:hover
{
        background:#008fbf url(images/arrow.png) 100px 24px no-repeat
}
#top .mc
{
        top:0;
        left:0;
        z-index:0;
        color:#fff;
        width:100%;
        height:50px;
        text-align:right;
        font:400 14px/50px "";
        background:#09c;
        position:absolute
}
#top .mc a
{
        color:#fff;
        padding-right:20px
}
#left
{
        left:0;
        top:50px;
        width:12.5%;
        height:100%;
        position:fixed;
        background:#293038
}
#left .switch
{
        color:#aeb9c2;
        height:30px;
        text-align:center;
        font:400 12px/30px "";
        background:#394555
}
#left  h3
{
        color:#fff;
        display:block;
        height:40px;        
        overflow:hidden;
        font:400 12px/40px "";
       background:#22282E url(images/setup.png) no-repeat 150px center
}
#left  h3 span
{
        padding-left:50px;
         background:url(images/arrow.png) no-repeat 20% center
}
#left ul
{
        height:auto
}
#left li
{
        color:#fff;
        display:block;
        height:40px;        
        cursor:pointer;
        overflow:hidden;
        font:400 12px/40px ""
}
#left li:hover,#left li.fixed
{
        background:#37424F
}
#left li a
{
        color:#fff;
        padding-left:50px;
}
#left li.inpay a
{
        background:url(images/inpay.png) no-repeat 20% center
}
#left li.outpay a
{
        background:url(images/outpay.png) no-repeat 20% center
}
#left li.code a
{
        background:url(images/code.png) no-repeat 20% center
}
#left li.uc a
{
        background:url(images/mc.png) no-repeat 20% center
}
#left li.inpay:hover a,#left li.fixed a.inpay
{
        background:url(images/inpay_over.png) no-repeat 20% center
}
#left li.outpay:hover a,#left li.fixed a.outpay
{
        background:url(images/outpay_over.png) no-repeat 20% center
}
#left li.code:hover a,#left li.fixed a.code
{
        background:url(images/code_over.png) no-repeat 20% center
}
#left li.uc:hover a,#left li.fixed a.uc
{
        background:url(images/mc_over.png) no-repeat 20% center
}

#right
{
        right:0;
        top:50px;        
        width:87.5%;
        height:100%;
        position:fixed;
        overflow-y:auto;
        background:#eaedf1
}
#right .ann
{
        height:30px;
        background:#fff;
        padding:0 10px;
        line-height:30px
}
#right .ann h3,#right .ann ul
{
        float:left
}
#right li
{
        height:30px;
        font:400 12px/30px ""
}
#right li a
{
        color:#039
}
#right .account
{
        height:180px;
        background:#fff;
        margin:15px;
        overflow:hidden
}
#right .account .ucenter
{
        float:left;
        height:160px;
        text-align:center;
        background:#f9fafc;
        padding:20px 5% 0 5%
}
#right .account .ucenter img
{
        width:80px;
        height:80px;
        border-radius:100%
}
#right .account .ucenter h3
{
        color:#999;
        font:400 16px/30px ""
}
#right .account .ucenter h3 em
{
        color:#09c;
}
#right .account .ucenter a
{
        color:#039;
        display:block;
        padding-left:24px;
        background:url(images/icon.png) no-repeat 0 -88px
}
#right .account .ucenter a.qq
{
        color:#f00;
        padding:0;
        line-height:24px;
        background:none;
}
#right .record
{
        float:left;
        padding:3%
}
#right .record em
{
        font:400 18px/60px ""
}
#right .record em i
{
        color:#060
}
#right .record em i.red
{
        color:#f00
}
#right .record a
{
        color:#039;
        display:block
}
#right .frame
{
        width:100%;
        height:100%;
        background:#fff
}
#right .frame h3
{
        display:block;
        height:60px;
        margin:0 15px;
       font:400 14px/60px "";
        border-bottom:1px solid #ccc
}
#right .frame h3 span
{
        padding:0 10px;
        border-left:2px solid #09c
}
#right .frame .form
{
        height:auto;
        margin:0 15px;
        line-height:60px
}
#right .frame .form span
{
        float:left
}
#right .frame .form input,#right .frame .form select,#right .frame .form .ipt
{
        float:left;
        padding:0 10px;
        width:180px;
        height:28px;
        margin:16px 8px 0 16px;
        line-height:28px;
        background:#fff;
        border:1px solid #ccc;
}
#right .frame .pwd,#right .frame .pay
{
        line-height:30px
}
#right .frame .pwd span,#right .frame .pay span
{
        padding-top:16px;
        display:block;
        width:120px;
		text-align:right
}
#right .frame .form .ipt
{
        color:#999;
        width:390px;
        height:120px;
        margin:16px 0;
        background:#fafafa;
        font:400 12px/24px ""
}
#right .frame .form select
{
        width:200px
}
#right .frame .form input.sbt
{
        color:#fff;
        width:60px;
        height:30px;
        border:0 ;
        cursor:pointer;
        background:#f60
}
#right .frame .form input.green
{
	width:90px;
	background:#07b3fc
}
#right .frame .form input.create
{
        width:120px
}
#right .frame .form em
{
        display:block;
        color:#06c;
        clear:both;
        line-height:20px
}
#right .frame .pay input
{
        width:180px
}
#right .frame .tab
{
        clear:both;
        height:40px;
        margin:16px;
        padding:0 20px;
        background:url(images/line.png) 0 bottom repeat-x
}
#right .frame .tab a
{
        color:#999;
        float:left;
        display:block;
        width:80px;
        height:39px;
        text-align:center;
        border:1px solid #ddd;
        border-right:0;
        border-bottom:0;
        font:400 14px/39px "";
        background:#FBFAF8 url(images/line.png) 0 bottom repeat-x;
}
#right .frame .tab a.fixed
{
        color:#333;
        background:#fff;
        border-top:1px solid #09c
}
#right .frame .tab a.end
{
        border-right:1px solid #ddd
}
#right table
{
        width:97.5%;
        margin:16px;        
}
#right table .thead td
{
        height:20px;
        font-weight: normal;
        color: #999;
        padding:8px;
        border: 1px solid #e1e6eb;
        background-color: #F5F6FA;
        border-left: 0;
        border-right: 0
}
#right table .thead td.s
{
         border-left: 1px solid #e1e6eb;
}
#right table .thead td.e
{
         border-right: 1px solid #e1e6eb;
}
#right table .data td,#right table .page td
{
        padding:8px;
        height:18px;
        border-bottom: 1px solid #e1e6eb;
}
#right table .error td
{
        height:100px;
        text-align:center;
        font:400 16px/100px "";
        border-bottom: 1px solid #e1e6eb;
}
#right table .page td
{
        border:0;
        text-align:right
}
#right table  td.s
{
        border-left: 1px solid #e1e6eb;
}
#right table  td.e
{
        border-right: 1px solid #e1e6eb;
}
#right .page
{
        float:right;
        margin-right:16px
}
#right .page a
{
        float:left;
        color:#09c;
        padding:3px 9px;
        border:1px solid #ccc;
        font:400 14px/20px "'";
        border-right:0
}
#right .page a.fixed,#right .page a:hover
{
        color:#fff;
        background:#09c;
        border:1px solid #09c;
        border-right:0
}
#right .page a.fixed
{
        font-weight:700
}
#right .page a.end
{
        border-right:1px solid #ccc
}
#right .page a.gray,#right .page a.gray:hover
{
        color:#ccc;
        border:1px solid #ccc;
        background:none;
}